<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/signUp.css">
    <title>用户注册</title>
    <script>
      var deviceWidth = document.documentElement.clientWidth < 640 ? document.documentElement.clientWidth : 640;
      document.documentElement.style.fontSize = deviceWidth / 6.4 + 'px';//640的设计稿
    </script>
</head>
<body>
    <div class="signUp">
        <div class="banner">
            <img src="images/signUp/banner.jpg" alt="新手福利">
        </div>
        <div class="userForm">
            <div class="first">
                <div class="signUp">
                    <div>
                        <input id="phone" class="phone" type="text">
                    </div>
                    <div>
                        <input id="code" class="code" type="text">
                        <a href="">获取验证码</a>
                    </div>
                </div>
            </div>
            <div class="second">
                <p class="btn">确定</p>
            </div>
            <div class="third">
                <input id="declare" class="declare" name="declare" value="declare" type="checkbox"/>
                <label class="off" for="declare">已阅读<span>&lt;&lt;微信用户注册声明&gt;&gt;</span></label>
            </div>
        </div>
    </div>

    <div class="pop">
        <a class="wrap" id="activity">
            <img src="images/signUp/finish.png" alt="新手礼包">
        </a>
        <span id="close" class="close"></span>
    </div>

    <script src="js/jquery-1.11.1.js"></script>
    <script>
        $('#declare').change(function(){
          if($(this)[0].checked){
            $(this).next().removeClass('off').addClass('on')
          }else{
            $(this).next().removeClass('on').addClass('off')
          }
        });
        $("#close").click(function(){
          $(this).parent().hide()
        });
        $('#activity').click(function(){
          alert('活动');
        })
    </script>
</body>
</html>